﻿@{
    ViewBag.Title = "Coupon";
    Layout = "~/Views/Shared/_Member.cshtml";
}
<div class="container" style="margin-top: 20px; min-height: 600px;">
    <div class="row-fluid">
        <div class="span3">
            <ul class="nav nav-tabs nav-stacked">
                <li><a href="/member/memberinfo">帐户基本</a></li>
                <li><a href="/member/security">帐户密码</a></li>
                <li><a href="/member/notice">系统消息</a></li>
                <li class="active"><a href="javascript:;">彩卷</a></li>
            </ul>
        </div>
        <div class="span9">
            <div class="headline">
                <h2>
                    彩卷</h2>
            </div>
            <div class="row servive-block margin-bottom-10" style="margin-left:0;">
                <div class="span3">
                    <div class="servive-block-in servive-block-colored servive-block-green">
                        <h4>Green Box</h4>
                        <div><i class="icon-bell"></i></div>
                        <p>Donec id elit non mi porta gravida at eget metus id elit mi egetine. Fusce dapibus</p>                        
                    </div>
                </div>
                <div class="span3">
                    <div class="servive-block-in servive-block-colored servive-block-red">
                        <h4>Reddde Box</h4>
                        <div><i class="icon-bullhorn"></i></div>
                        <p>Donec id elit non mi porta gravida at eget metus id elit mi egetine. Fusce dapibus</p>
                    </div>
                </div>
                <div class="span3">
                    <div class="servive-block-in servive-block-colored servive-block-sea">            
                        <h4>Amazing Box</h4>
                        <div><i class="icon-lightbulb"></i></div>
                        <p>Donec id elit non mi porta gravida at eget metus id elit mi egetine. Fusce dapibus</p>
                    </div>
                </div>
                <div class="span3">
                    <div class="servive-block-in servive-block-colored servive-block-grey">            
                        <h4>Great Grey Box</h4>
                        <div><i class="icon-globe"></i></div>
                        <p>Donec id elit non mi porta gravida at eget metus id elit mi egetine. Fusce dapibus</p>
                    </div>
                </div>
            </div>
            <div class="row servive-block margin-bottom-10" style="margin-left:0;">
                <div class="span3">
                    <div class="servive-block-in">
                        <h4>Default Box</h4>
                        <div><i class="icon-comments-alt"></i></div>
                        <p>Donec id elit non mi porta gravida at eget metus id elit mi egetine. Fusce dapibus</p>                        
                    </div>
                </div>
                <div class="span3">
                    <div class="servive-block-in servive-block-colored servive-block-blue">
                        <h4>Blue Box</h4>
                        <div><i class="icon-cloud-download"></i></div>
                        <p>Donec id elit non mi porta gravida at eget metus id elit mi egetine usce dapibus elit nondapibus</p>
                    </div>
                </div>
                <div class="span3">
                    <div class="servive-block-in servive-block-colored servive-block-orange">            
                        <h4>Orange Box</h4>
                        <div><i class="icon-thumbs-up"></i></div>
                        <p>Donec id elit non mi porta gravida at eget metus id elit mi egetine. Fusce dapibus</p>
                    </div>
                </div>
                <div class="span3">
                    <div class="servive-block-in servive-block-colored servive-block-yellow">            
                        <h4>Yellow Box</h4>
                        <div><i class="icon-map-marker"></i></div>
                        <p>Donec id elit non mi porta gravida at eget metus id elit mi egetine usce dapibus elit nondapibus</p>
                    </div>
                </div>
            </div>
            <div class="pagination pagination-right">
                <ul>
                    <li class="disabled"><a href="javascript:;">«</a></li><li class="active"><a href="javascript:;">
                        1</a></li><li><a href="/?page=1">2</a></li><li><a href="/?page=2">3</a></li><li><a href="/?page=3">4</a></li><li><a href="/?page=4">5</a></li><li><a href="/?page=4">»</a></li></ul>
            </div>
        </div>
    </div>
</div>